<!DOCTYPE html>
<html lang="en">
  <head>
	<!-- 由于自定义了meta标签想要实现自动化打包添加该标签，需要添加自定义html模板 -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 这个标签设置了HTTP响应头中的Cache-Control属性，告诉浏览器不要缓存页面的任何部分，包括图片、脚本等。同时，要求浏览器在每次请求时都必须向服务器验证资源的新鲜度。 -->
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<!-- 这个标签设置了HTTP响应头中的Pragma属性，它与Cache-Control类似，但主要用于HTTP/1.0协议。同样表示不缓存页面的任何部分。 -->
	<meta http-equiv="Pragma" content="no-cache" />
	<!-- 这个标签设置了HTTP响应头中的Expires属性，它指定了页面的过期时间。设置为0表示页面立即过期，即每次都需要重新从服务器获取。 -->
	<meta http-equiv="Expires" content="0" />
    <script>
      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
        CSS.supports('top: constant(a)'))
      document.write(
        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
    </script>
    <title></title>
    <!--preload-links-->
    <!--app-context-->
  </head>
  <body>
    <div id="app"><!--app-html--></div>
    <script type="module" src="/main.js"></script>
  </body>
</html>
